<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="css/base.css" />
<link rel="stylesheet" href="css/info-mgt.css" />
<link rel="stylesheet" href="css/WdatePicker.css" />
<title>天宫智能办公系统</title>
</head>

<body>
<div class="title"><h2>人事档案</h2></div>
<div class="query">
	<div class="query-conditions ue-clear">
        <div class="conditions name ue-clear">
            <label>工&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;号：</label>
             <input type="text" class="h-input-1"/>
        </div>
        <div class="conditions operate-time ue-clear">
            <label>姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名：</label>
            <input type="text" class="h-input-1"/>
           <!-- 下拉框<div class="select-wrap">
                <div class="select-title ue-clear"><span>大于或等于</span><i class="icon"></i></div>
                <ul class="select-list">
                    <li>呵呵</li>
                    <li>哈哈</li>
                    <li>嘻嘻</li>
                </ul>
            </div>
            <div class="input-box ue-clear">
                <input type="text" />
                <span>小时</span>
            </div>-->
        </div>
   
       <!--    时间 带按钮的搜索
     <div class="conditions staff ue-clear">
            <label>人&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;员：</label>
            <input type="text" placeholder="可以直接输入或选择" />
            <a href="javascript:;" class="staff-select">选择</a>
        </div>-->   
         <div class="conditions name ue-clear">
            <label>手&nbsp;&nbsp;机&nbsp;&nbsp;号：</label>
             <input type="text" class="h-input-1"/>
        </div>   
          <div class="conditions operate-time ue-clear">
           <div class="select-wrap">
           <label>政治面貌&nbsp;：</label>
                <div class="select-title ue-clear"><span>党员</span><i class="icon"></i></div>
                <ul class="select-list">
                    <li>团员</li>
                    <li>少先队员</li>
                    <li>群众</li>
                </ul>
            </div>
        </div>
         <div class="conditions name ue-clear">
            <label>性&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;别：</label>
            <div class="h-radio-div">
               <span><input type="radio" class="h-radio-1" name="a" checked="checked"/>男</span>
               <span><input type="radio" class="h-radio-1" name="a"/>女</span>
            </div>
        </div>
         <div class="conditions time ue-clear" style="width:300px">
            <label>时&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;间：</label>
            <div class="time-select">
            	<input type="text" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd'})" placeholder="开始时间" />
                <i class="icon"></i>
            </div>
            <span class="line">-</span>
            <div class="time-select">
            	<input type="text" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd'})" placeholder="开始时间" />
                <i class="icon"></i>
            </div>
        </div>
    </div>
    <div class="query-btn ue-clear">
    	<a href="javascript:;" class="confirm">查询</a>
        <a href="javascript:;" class="clear">清空条件</a> 
    </div>
</div>
<div class="table-operate ue-clear">
	<a href="javascript:;" class="add">添加</a>
    <a href="javascript:;" class="del">删除</a>
    <a href="javascript:;" class="edit">导入</a>
    <a href="javascript:;" class="count">导出</a>
   
</div>
<div class="table-box">
	<table>
    	<thead>
        	<tr>
                <th><input type="checkbox"/></th>
            	<th>流水号</th>
                <th>姓名</th>
                <th>工号</th>
                <th>性别</th>
                <th>照片</th>
                <th>出生日期</th>
                <th>入职日期</th>
                <th>婚姻状况</th>
                <th>联系手机</th>
                <th>部门</th>
                <th>职位</th>
                <th>人事状态	</th>
                <th>操作</th>
            </tr>
        </thead>
        <tbody>
        	<tr>
                <td><input type="checkbox"/></td>
            	<td>1</td>
                <td>林丹丹</td>
                <td>53454</td>
                <td>女</td>
                <td><img src="images/img-touxiang.jpg" width="80" height="80"/></td>
                <td>2006.05.01</td>
                <td>2014.02.22</td>
                <td>未婚</td>
                <td>13899741001</td>
                <td>销售部</td>
                <td>销售</td>
                <td>在职</td>
                <td><a href="javascript:;"><span class="h-look"></span>查看</a><a href="javascript:;"><span class="h-change"></span>修改</a><a href="javascript:;"><span class="h-delete"></span>删除</a></td>
            </tr>
            
            
        </tbody>
    </table>
</div>
<div class="pagination ue-clear"></div>
</body>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/WdatePicker.js"></script>
<script type="text/javascript" src="js/jquery.pagination.js"></script>
<script type="text/javascript" src="js/color.js"></script>
<script type="text/javascript">
$(".select-title").on("click",function(){
	$(".select-list").hide();
	$(this).siblings($(".select-list")).show();
	return false;
})
$(".select-list").on("click","li",function(){
	var txt = $(this).text();
	$(this).parent($(".select-list")).siblings($(".select-title")).find("span").text(txt);
})

$('.pagination').pagination(100,{
	callback: function(page){
		alert(page);	
	},
	display_msg: true,
	setPageNo: true
});

showRemind('input[type=text], textarea','placeholder');
</script>
</html>
